diff options
Diffstat (limited to 'app/[lng]/evcp/(evcp)/rfq-last/page.tsx')
| -rw-r--r-- | app/[lng]/evcp/(evcp)/rfq-last/page.tsx | 107 |
1 files changed, 8 insertions, 99 deletions
diff --git a/app/[lng]/evcp/(evcp)/rfq-last/page.tsx b/app/[lng]/evcp/(evcp)/rfq-last/page.tsx index 27936560..207bc2d4 100644 --- a/app/[lng]/evcp/(evcp)/rfq-last/page.tsx +++ b/app/[lng]/evcp/(evcp)/rfq-last/page.tsx @@ -33,97 +33,6 @@ interface RfqPageProps { searchParams: Promise<SearchParams>; } -// 프로세스 안내 팝오버 컴포넌트 -function ProcessGuidePopover() { - return ( - <Popover> - <PopoverTrigger asChild> - <Button variant="ghost" size="icon" className="h-6 w-6"> - <HelpCircle className="h-4 w-4 text-muted-foreground" /> - </Button> - </PopoverTrigger> - <PopoverContent className="w-96" align="start"> - <div className="space-y-3"> - <div className="space-y-1"> - <h4 className="font-medium">RFQ 프로세스</h4> - <p className="text-sm text-muted-foreground"> - 견적 요청 관리 프로세스입니다. - </p> - </div> - - <div className="space-y-3 text-sm"> - <div className="flex gap-3"> - <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600"> - 1 - </div> - <div> - <p className="font-medium">RFQ 생성</p> - <p className="text-muted-foreground">ECC 또는 수동으로 RFQ를 생성합니다.</p> - </div> - </div> - <div className="flex gap-3"> - <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600"> - 2 - </div> - <div> - <p className="font-medium">구매담당 지정</p> - <p className="text-muted-foreground">각 RFQ에 구매 담당자를 지정합니다.</p> - </div> - </div> - <div className="flex gap-3"> - <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600"> - 3 - </div> - <div> - <p className="font-medium">업체 선정 및 발송</p> - <p className="text-muted-foreground">Short List를 확정하고 RFQ를 발송합니다.</p> - </div> - </div> - <div className="flex gap-3"> - <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600"> - 4 - </div> - <div> - <p className="font-medium">견적 접수</p> - <p className="text-muted-foreground">업체로부터 견적서를 접수받습니다.</p> - </div> - </div> - <div className="flex gap-3"> - <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600"> - 5 - </div> - <div> - <p className="font-medium">최종 업체 선정</p> - <p className="text-muted-foreground">TBE를 통해 최종 업체를 선정합니다.</p> - </div> - </div> - </div> - - <div className="border-t pt-3 space-y-2"> - <h5 className="font-medium text-sm">RFQ 유형</h5> - <div className="space-y-2 text-xs"> - <div className="flex items-center gap-2"> - <FileText className="h-3 w-3 text-blue-600" /> - <span className="font-medium">일반견적:</span> - <span className="text-muted-foreground">일반 견적 요청</span> - </div> - <div className="flex items-center gap-2"> - <Package className="h-3 w-3 text-purple-600" /> - <span className="font-medium">ITB:</span> - <span className="text-muted-foreground">프로젝트 기반 입찰</span> - </div> - <div className="flex items-center gap-2"> - <ClipboardList className="h-3 w-3 text-green-600" /> - <span className="font-medium">RFQ:</span> - <span className="text-muted-foreground">PR 기반 견적 요청</span> - </div> - </div> - </div> - </div> - </PopoverContent> - </Popover> - ); -} // 탭별 데이터 카운트를 가져오는 함수 async function getTabCounts() { @@ -160,7 +69,7 @@ export default async function RfqPage(props: RfqPageProps) { const tabCounts = await getTabCounts(); // 현재 선택된 탭 (URL 파라미터에서 가져오거나 기본값 'all') - const currentTab = search.rfqCategory || "all"; + const currentTab = search.rfqCategory || "itb"; // 각 탭별로 데이터 프리패칭 // const allData = await getRfqs({ ...search, rfqCategory: "all" }); @@ -174,16 +83,16 @@ export default async function RfqPage(props: RfqPageProps) { <div className="flex items-center justify-between space-y-2"> <div className="flex items-center gap-2"> <h2 className="text-2xl font-bold tracking-tight"> - RFQ 관리 + 견적목록관리 </h2> <InformationButton pagePath="rfq" /> - <ProcessGuidePopover /> </div> </div> {/* 탭 컨테이너 */} - <Tabs defaultValue={currentTab} className="w-full"> - <TabsList className="grid w-full max-w-[600px] grid-cols-4"> + <Tabs defaultValue="itb"className="w-full flex-1 flex flex-col overflow-hidden"> + + <TabsList className="grid w-full max-w-[600px] grid-cols-3 flex-shrink-0"> <TabsTrigger value="itb" className="relative"> <Package className="mr-2 h-4 w-4" /> @@ -216,7 +125,7 @@ export default async function RfqPage(props: RfqPageProps) { {/* 일반견적 탭 */} - <TabsContent value="general" className="mt-4"> + <TabsContent value="general" className="mt-4 flex-1 overflow-hidden relative"> <React.Suspense fallback={ <DataTableSkeleton @@ -250,7 +159,7 @@ export default async function RfqPage(props: RfqPageProps) { </TabsContent> {/* ITB 탭 */} - <TabsContent value="itb" className="mt-4"> + <TabsContent value="itb" className="mt-4 flex-1 overflow-hidden relative"> <React.Suspense fallback={ <DataTableSkeleton @@ -285,7 +194,7 @@ export default async function RfqPage(props: RfqPageProps) { </TabsContent> {/* RFQ(PR) 탭 */} - <TabsContent value="rfq" className="mt-4"> + <TabsContent value="rfq" className="mt-4 flex-1 overflow-hidden relative"> <React.Suspense fallback={ <DataTableSkeleton |